export default {
    data(){
        return{
        ispwd: true,
      //  登录表单对象
      loginForm:{
          username:'',
          password:''
      },
      //登录表单验证规则
      loginFormRules:{
          //用户名的校验规则
          username:[
              
        { required: true, message: '请输入登录名称', trigger: 'blur' },
        { min: 3, max: 6, message: '长度在 3 到 6 个字符', trigger: 'blur' }
     
          ],
          //登录密码规则
           password:[
              
        { required: true, message: '请输入登录密码', trigger: 'blur' },
        { min: 6, max: 15, message: '长度在 6 到 15 个字符', trigger: 'blur' }
     
          ]
      }

    }
},
    methods:{
        reset() {
            this.$refs.loginFormRef.resetFields();
        },
        login(){
            //先校验表单合法性
            this.$refs.loginFormRef.validata(async valid => {
                //表单验证失败
                if(!valid) return this.$message.error('请填写完整的登录信息')
                //发起登陆请求
                const {data:res}=this.$http.post('login',this.loginForm)
                //登录失败
                if(res.meta.status !== 200) return this.$message.error("登录失败")
                console.log(res)
                //把登陆成功后,服务器颁发的令牌,存储到sessionstorage中
                sessionStorage.setItem('token',res.data.token)
                //通过编程式导航API,跳转到后台首页'/home'
                this.$router.push('/home')
            } )
        }
    }
    
  }
